/**
 * Created by suweiming on 2018/1/4.
 */
/**
 * Created by suweiming on 2017/12/30.
 */
import React from 'react';
import Home from "./home";
import {TabNavigator} from "react-navigation";
import {Icon} from '../../lib/http';
import Store from '../store';
import Finance from '../finance';
import Report from '../report';
import Driver from '../driver';

const TabNav1 = TabNavigator({
        Home: {
            screen: Home,
            navigationOptions: {
                title:'首页',
                drawerLabel: '首页',
                tabBarIcon: ({ tintColor, focused }) => (
                    <Icon
                        name={focused ? 'ios-home' : 'ios-home-outline'}
                        size={26}
                        style={{ color: tintColor }}
                    />
                ),
            },
        },
        // Store: {
        //     screen: Store,
        //     navigationOptions: {
        //         headerTitle:'库存',
        //         title:'库存',
        //         tabBarIcon: ({ tintColor, focused }) => (
        //             <Icon
        //                 name={focused ? 'ios-home' : 'ios-home-outline'}
        //                 size={26}
        //                 style={{ color: tintColor }}
        //             />
        //         ),
        //
        //         drawerLabel: '库存',
        //         tabBarIcon: ({ tintColor, focused }) => (
        //             <Icon
        //                 name={focused ? 'ios-home' : 'ios-home-outline'}
        //                 size={26}
        //                 style={{ color: tintColor }}
        //             />
        //         ),
        //     },
        // },
        // Scanner: {
        //     screen: <div>扫描</div>,
        //     navigationOptions: {
        //         title:'扫描',
        //         tabBarIcon: ({ tintColor, focused }) => (
        //             <Icon
        //                 name={focused ? 'ios-home' : 'ios-home-outline'}
        //                 size={26}
        //                 style={{ color: tintColor }}
        //             />
        //         ),
        //     },
        // },
        // Finance: {
        //     screen: Finance,
        //     navigationOptions: {
        //         title:'财务',
        //         drawerLabel: '财务',
        //         tabBarIcon: ({ tintColor, focused }) => (
        //             <Icon
        //                 name={focused ? 'ios-home' : 'ios-home-outline'}
        //                 size={26}
        //                 style={{ color: tintColor }}
        //             />
        //         ),
        //     },
        // },
        // Driver: {
        //     screen: Driver,
        //     navigationOptions: {
        //         title:'驾驶员',
        //         drawerLabel: '驾驶员',
        //         tabBarIcon: ({ tintColor, focused }) => (
        //             <Icon
        //                 name={focused ? 'ios-home' : 'ios-home-outline'}
        //                 size={26}
        //                 style={{ color: tintColor }}
        //             />
        //         ),
        //     },
        // },
    },
    {
        tabBarPosition: 'bottom',
        animationEnabled: true,
        labelStyle: {
            fontSize: 14,
        },
        style: {
            backgroundColor: 'blue',
        },
        tabBarOptions: {
            activeTintColor: '#e91e63',
        },
    });

export default class TabNav extends React.Component {
    render() {
        return <TabNav1/>
    }
};


